<div class="layui-layout layui-layout-admin" id="main">
  <!--top-->
  <app-top></app-top>
  <!--left-->
  <app-left></app-left>
  <div class="layui-body clearfix">
    <!-- 内容主体区域 -->
    <div class="common_box">
      <div class="content_table content_table3">
        <!--主题搜索-->
        <div class="common_box">
          <div class="common_box_title clearfix">
            <p class="common_title_name">管理员搜索</p>
          </div>
          <div class="common_box_con">
            <div class="search_box" id="search_box">
              <ul class="clearfix">
                <li class="clearfix">
                  <p class="search_name">姓名:</p>
                  <input type="text" class="text text_red" placeholder="">
                </li>
                <li class="clearfix">
                  <p class="search_name">手机号:</p>
                  <input type="text" class="text text_red" placeholder="">
                </li>

                <li class="clearfix">
                  <p class="search_name">角色:</p>
                  <select name="" id="" class="text_red">
                    <option value="">全部</option>
                  </select>
                </li>
                <li >
                  <button  class="btn btn-outline-info btn-sm">查询</button>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="common_box">
      <div class="content_table2">
        <div class="common_box_title clearfix">
          <p class="common_title_name">用户列表</p>
          <ul class="clearfix operation">
            <li><a class="btn_default_xz pop_prompt_btn16">新增</a></li>
            <li><a class="btn_default_m">批量删除</a></li>
          </ul>
        </div>
        <div class="common_box_con">
          <div class="table">
            <table width="100%" class="table table-hover table-bordered " style="border: 1px solid gainsboro">
              <thead>
              <tr>
                <td class="table_number"><input id="checkAllId" type="checkbox"

                                                class="chk_1"></td>
                <td>序号</td>
                <td>姓名</td>
                <td>账号</td>
                <td>身份证</td>
                <td>性别</td>
                <td>角色</td>
                <td>邮箱</td>
                <td>电话</td>
                <td>所属部门</td>
                <td>状态</td>
                <td>审核状态</td>
                <td>时间</td>
                <td class="table_operation">操作</td>
              </tr>
              </thead>
              <tbody>
              <tr *ngFor="let v of userList; let i = index">
                <td class="table_number"><input type="checkbox"></td>
                <td >{{i+1}}</td>
                <td>{{v.perName}}</td>
                <td>{{v.account}}</td>
                <td>{{v.citID}}</td>
                <td>{{v.sexCode===1?"男":"女"}}</td>
                <td>{{v.role===1?"领导":"员工"}}</td>
                <td>{{v.email}}</td>
                <td>{{v.mobile}}</td>
                <td>{{v.department?v.department.name:null}}</td>
                <td>{{v.useMark===1?"启用":"禁用"}}</td>
                <td>{{v.approveStatus}}</td>
                <td>{{v.addDateTime|date:"yyyy-MM-dd HH:mm:ss"}}</td>
                <td>
                  <a class="iconfont icon-bianji" title="编辑"></a>
                  <a class="iconfont icon-shanchu" title="删除"></a>
                  <a></a>
                </td>
              </tr>
              </tbody>
            </table>
          </div>
        </div>
        <!--jump-->
      </div>
    </div>
  </div>
</div>
